<template>
  <div class="orderLog">
    <ul>
      <li v-for="(item,index) in log" :key="index">
        <span class="telNum" style="flex: 2;">{{ item.tel }}</span>
        <!-- <span class="count">支持{{ item.num }}份</span> -->
        <span class="money" style="flex: 1.5;text-align: right;"><b style="color: red;font-weight: normal;">{{ item.total_price }}</b>  元</span>
        <span class="time" style="flex: 3;text-align: right;">{{ item.time.substr(0,16) }}</span>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
    };
  },
  props: ['log']
};
</script>

<style lang="scss" scoped>
@import '@/style/base.scss';
.orderLog {
  background-color: #fff;
  padding-bottom: to(85);
  ul {
    list-style: none;
    margin: 0;
    padding: to(15);
    li {
      font-size: to(25);
      display: -webkit-flex;
      display: flex;
      border-bottom: to(1) solid #e2e0e0;
      height: to(80);
      border-radius: to(5);
      span {
        // flex: 1;
        line-height: to(80);
        color: #666;
      }
    }
  }
}
</style>
